$grid-edit-item: (
  cell-hover-bg-color: #{getCssVar(color, fill, 0)},
);

@include b(grid-edit-item) {
  @include set-component-css-var(grid-edit-item, $grid-edit-item);

  width: 100%;
  height: 100%;

  &.is-error {
    @include e(tooltip) {
      border: 1px solid red;
    }
  }

  @include e(tooltip) {
    display: flex;
    align-items: center;
    justify-content: getCssVar('grid-column','justify-content');
    width: 100%;
    height: 100%;
    padding: getCssVar(spacing, tight);
    text-align: getCssVar('grid-column','text-align');
  }

  // 只读编辑器字体颜色在表格里恢复成正常
  .#{bem(input,'',readonly)},
  .#{bem(checkbox,'',readonly)},
  .#{bem(radio,'',readonly)},
  .#{bem(picker,'',readonly)},
  .#{bem(picker-dropdown,'',readonly)},
  .#{bem(mpicker,'',readonly)},
  .#{bem(date-picker,'',readonly)},
  .#{bem(dropdown,'',readonly)} {
    color: getCssVar(color, text, 0);
  }

  @include m(show-mask) {
    &:hover {
      cursor: pointer;
      background-color: getCssVar(grid-edit-item, cell-hover-bg-color);
    }
  }
}
